<template>
  <div>
    <ul>
      <li>
        <div>
          <router-link to="/xint" style="padding:10px;">
            <p>想做火腿肠，该准备什么材料</p>
          </router-link>
          <p style="font-size:14px;color:#eee">请问我想学做火腿肠，因为小孩好喜欢吃买的又不放心。</p>
        </div>
        <div>
          <div>
            <div class="fl">
              1
              <div class="fr">12-11</div>
            </div>
          </div>
        </div>
      </li>
      <el-divider></el-divider>
      <li>
        <div>
          <router-link to="/xint" style="padding:10px;">
            <p>在电饭锅里蒸面包电饭锅会烧坏吗？</p>
          </router-link>
          <p style="font-size:14px;color:#eee ">是的</p>
        </div>
        <div>
          <div>
            <div class="fl">
              1
              <div class="fr">12-11</div>
            </div>
          </div>
        </div>
      </li>
      <el-divider></el-divider>
      <li>
        <div>
          <router-link to="/xint" style="padding:10px;">
            <p>为什么面发好了打出来烧饼就是不起</p>
          </router-link>
          <p style="font-size:14px;color:#eee "></p>
        </div>
        <div>
          <div>
            <div class="fl">
              0
              <div class="fr">12-11</div>
            </div>
          </div>
        </div>
      </li>
      <el-divider></el-divider>
      <li>
        <div>
          <router-link to="/xint" style="padding:10px;">
            <p>要是做双皮奶，把奶倒回有奶皮的那一碗是时奶皮破了怎么办？</p>
          </router-link>
          <p style="font-size:14px;color:#eee "></p>
        </div>
        <div>
          <div>
            <div class="fl">
              0
              <div class="fr">12-11</div>
            </div>
          </div>
        </div>
      </li>
      <el-divider></el-divider>
    </ul>
     <ul>
      <li>
        <div>
          <router-link to="/xint" style="padding:10px;">
            <p>江米面油炸糕的做法</p>
          </router-link>
          <p style="font-size:14px;color:#eee">老北京炸糕</p>
        </div>
        <div>
          <div>
            <div class="fl">
              1
              <div class="fr">12-11</div>
            </div>
          </div>
        </div>
      </li>
      <el-divider></el-divider>
      <li>
        <div>
          <router-link to="/xint" style="padding:10px;">
            <p>腌制糖蒜的配料比例是什么？</p>
          </router-link>
          <p style="font-size:14px;color:#eee ">3：1</p>
        </div>
        <div>
          <div>
            <div class="fl">
              1
              <div class="fr">12-11</div>
            </div>
          </div>
        </div>
      </li>
      <el-divider></el-divider>
      <li>
        <div>
          <router-link to="/xint" style="padding:10px;">
            <p>牛鞭炖人参是鲜人参还是干人参</p>
          </router-link>
          <p style="font-size:14px;color:#eee ">鲜人参</p>
        </div>
        <div>
          <div>
            <div class="fl">
              1
              <div class="fr">12-11</div>
            </div>
          </div>
        </div>
      </li>
      <el-divider></el-divider>
      <li>
        <div>
          <router-link to="/xint" style="padding:10px;">
            <p>我用豆浆做豆腐脑,做出来好多蜂窝眼一点不细腻是怎么回事</p>
          </router-link>
          <p style="font-size:14px;color:#eee ">点豆脑的时候总是起沫什么原因。</p>
        </div>
        <div>
          <div>
            <div class="fl">
              1
              <div class="fr">12-11</div>
            </div>
          </div>
        </div>
      </li>
      <el-divider></el-divider>
    </ul>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
a {
  text-decoration: none;
  cursor: pointer;
}
ul,
li {
  list-style-type: none;
  padding: 10px;
}

.fl {
  float: right;
}
.fl,
.fr {
  display: inline;
  padding: 15px;
  text-align: center;
  position: relative;
  margin-top: -45px;
}
* {
  padding: 0px;
  margin: 0;
}
</style>